// 项目的js入口文件
import $ from 'jquery'

$(function() {
    $('li:odd').css('backgroundColor', 'green')
    $('li:even').css('backgroundColor', function() {
        return '#' + 'D97634'
    })
})


// 经过刚才的演示，Webpack 可以做什么事情？？？
// 1. webpack 能够处理 JS 文件的互相依赖关系；
// 2. webpack 能够处理JS的兼容问题，把 高级的、浏览器不是别的语法，转为 低级的，浏览器能正常识别的语法

// 刚才运行的命令格式：    webpack  要打包的文件的路径  -o 打包好的输出文件的路径

// 配置自动打包
// 配置webpack.config.js

// 导入css，但是webpack默认只处理js后缀的文件。
// 所以导入css文件需要引入 css-loader和style-loader,在webpack.config文件中添加

import './css/index.css'


// 需要安装less 和 less-loader
import './css/index.less'

import './css/index.scss'